@charset "UTF-8";
.footer {
  height: 80px;
  background-color: $c022;
  position: relative;
  .wrap {
    width: 50%;
    padding-right: 380px;
    height: 240px;
    background-color: $cfff;
    position: absolute;
    bottom: 100%;
    left: 0px;
  }
  .content {
    width: 600px;
    float: right;
    position: relative;
    height: 100%;
  }
  .title {
    img {
      display: block;
      margin: 0 auto;
      position: relative;
      bottom: 32px;
    }
  }
  .list {
    padding-left: 185px;
    padding-top: 24px;
    li {
      line-height: 20px;
      margin-bottom: 4px;
      font-size: 14px;
      a {
        color: $c022;
        text-decoration: none;
      }
    }
    .icon {
      margin-right: 8px;
    }
  }
  .code {
    position: absolute;
    top: 75px;
    left: 600-35px;
    border-left: 2px solid $c022;
    img {
      margin-left: 60px;
    }
  }
  .dec {
    width: 164px;
    height: 164px;
    position: absolute;
    top: -60px;
    left: 800px;
    li {
      width: 80px;
      height: 80px;
      float: left;
      &:nth-of-type(3){
        margin-top: 4px;
      }
    }
    .icon{
      width: 80px;
      height:80px;
    }
    .orange {
      background-color: $cdf3;
      margin-right: 4px;
    }
    .blue {
      background-color: $c022;
    }
    .gray {
      background-color: #3e3e3e;
      margin-left: 4px;
      margin-top: 4px;
    }
  }
}
